import React from 'react'
import {useLocation} from 'react-router-dom'
import {Breadcrumb} from 'antd'
export default function MyBreadcrumb() {
  let path=useLocation()
  const breadcrumbConfig={
    "/":['系统主页'],
    "/home/user":['系统主页','系统管理','用户管理'],
    "/home/role":['系统主页','系统管理','角色管理']
  }
  console.log('path',path.pathname);
  let breadcrumbAry=breadcrumbConfig[path.pathname]
  if(!breadcrumbAry){
    breadcrumbAry=[]
  }
  console.log(breadcrumbAry);
  return (
    <Breadcrumb>
      
      {breadcrumbAry.map((item,index)=><Breadcrumb.item key={index}>{item}</Breadcrumb.item>)}
            {/* <Breadcrumb.Item>系统主页</Breadcrumb.Item>
            <Breadcrumb.Item>商品管理</Breadcrumb.Item>
            <Breadcrumb.Item>分类管理</Breadcrumb.Item> */}
    </Breadcrumb>  
  )
}
